草庐IT

Bootstrap4 列表组

全部标签

javascript - Bootstrap 3 Datepicker v4 - 设置默认日期

我正在使用这个日期时间选择器http://eonasdan.github.io/bootstrap-datetimepicker/在我的编辑表单中。我无法根据我的可变日期在此日期时间选择器中设置默认值。如果我在输入元素上使用$('#edit_cost_date').val(json[0]['date']);,输入中的值是正确的,但如果我打开datetimepicker,我会看到标记不是输入的日期而是实际日期。vardate=json[0]['date'];$(function(){$('#datetimepicker-edit-cost').datetimepicker({locale

javascript - 没有 Bootstrap 面板标记的 Bootstrap Accordion

是否有任何可行的方法可以在不使用“面板”标记的情况下创建自举Accordion控件?我有折叠控件,但我希望能够为控件中的每个部分定位父级。换句话说,我希望“收入”和“利润”桶相互切换,并且“收入”内部有“收入当前”、“收入基础”和“收入当前与基础”相互切换其他不干扰父层。http://jsfiddle.net/Lp903gc5/标记RevenueRevenueCurrentExtendedZonePriceNetAmountRevenueRevenueShareatDNRevenueBaseExtendedZonePriceNetAmountRevenueRevenueShareatD

javascript - 使用 RxJS 创建可过滤列表

我正在尝试进入响应式编程。我一直使用map、filter和reduce等数组函数,并且喜欢我可以在不创建状态的情况下进行数组操作。作为练习,我尝试在不引入状态变量的情况下使用RxJS创建一个可过滤列表。最后它应该像这样工作:我知道如何使用简单的JavaScript或AngularJS/ReactJS来完成此操作,但我正在尝试仅使用RxJS并且不创建状态变量来完成此操作:varlist=['John','Marie','Max','Eduard','Collin'];Rx.Observable.fromEvent(document.querySelector('#filter'),'ke

javascript - 按数据属性、字母顺序和数字顺序对列表项进行排序

我想从A-Z然后0-9对这个列表进行排序。y1aecw09g$(".columnsli").sort(sort_li).appendTo('.columns');functionsort_li(a,b){return($(b).data('char'))看了类似的问题,这是我想出的,但它只适用于数字或字母(不是两者)。https://jsfiddle.net/qLta1ky6/ 最佳答案 数字的ASCII码比字母小,所以比较的时候直接加权重就可以了:$(".columnsli").sort(sort_li).appendTo('.c

javascript - 将语言更改为 Bootstrap Datetimepicker

我正在使用Bootstrap的datetimepicker,它运行良好。问题是它是英文的,我需要它是西类牙文的,我读过一些帖子,但对我没有任何作用。我的HTML定义为:middle}}"name="datepicker">在javascript中,我只有一个与datetimepicker相关的函数,它是:$('.input-group.date').each(function(){$(this).datetimepicker().on('dp.hide',function(ev){//something});});那么,我应该添加什么才能将其更改为西类牙语?我读到这是与locale.j

javascript - Bootstrap 开关 setState 给出 js 错误

我正在尝试使用来自Ajax的条件返回值来更改Bootstrap开关的状态,HTML,if(objData.limit==='Yes'){$('#limit').bootstrapSwitch('setState',true);$("#limit_amount").prop("readonly",false);}else{$('#limit').bootstrapSwitch('setState',false);$("#limit_amount").prop("readonly",true);}但它抛出如下错误..UncaughtTypeError:Cannotreadproperty'

javascript - Vue.js:根据方法对列表进行排序

我正在获取一些原始数据并显示项目列表。每个项目都有一个我用方法生成的复杂属性(不是计算属性)。该属性可能会根据用户输入而改变。是否可以根据该属性对列表项进行排序?HTML:{{calculateComplexProperty(item.time)}}JavaScript:calculateComplexProperty:function(time){//this.distanceisanexternalfactorthatisnotapropertyofthelistitem,//andthatcanbemanipulatedbytheuservarspeed=time*this.di

javascript - 如何在没有 jQuery 或 bootstrap.js javascript 的情况下打开 Bootstrap 模式?

我正在开发一个非常简单的调查应用程序。该应用程序在连接非常有限的第三世界国家/地区运行。我们发现加载时间与用户参与度成正比(对我们来说非常重要)。今天我使用了2个库——VueJS和一个自定义Bootstrap构建。我想调用一个模态。但是模式需要添加BootstrapJavascript和jQuery。这些库几乎使加载时间加倍。如何在不添加这两个库的情况下打开模式? 最佳答案 @uday链接到CSSonlymodal是一个很好的技巧,但如果您将#tag用于其他目的(例如,路由和参数传递),则使用起来可能会很尴尬。所以这是一个使用很少的

javascript - 元素的事件列表

有没有办法在javascript中找到一个元素的所有事件?或解除元素与所有事件绑定(bind)的方法?谢谢。 最佳答案 当然!看看这个绑定(bind)/取消绑定(bind)事件http://api.jquery.com/category/events/并使用此jQuery代码片段以键对“事件名称/函数委托(delegate)”的哈希集的形式获取绑定(bind)到元素的所有事件jQuery(elem).data('events'); 关于javascript-元素的事件列表,我们在Stac

javascript - JQuery - 将列表项附加到列表的最快方法

我有一些jquery可以正常工作,但我想对其进行高度优化。基本上我是将标准的列表项附加到无序列表。谁能推荐最快的优化以下代码的方法,例如创建文档片段?for(keyindata){li=$(''+data[key]["Name"]+'');$('.item',li).data('ID',data[key]["Id"]);$(list).append(li);} 最佳答案 varsb=newArray();for(keyindata){sb.push('',data[key]["Name"],'')}$(list).append(sb